<template>
    <swiper ref="mySwiper" :options="swiperOptions">
        <swiper-slide>
            <img src="@/assets/images/qy1.jpg" width="100%">
        </swiper-slide>
        <swiper-slide>
            <img src="@/assets/images/qy2.jpg" width="100%">
        </swiper-slide>
        <swiper-slide>
            <img src="@/assets/images/qy3.jpg" width="100%">
        </swiper-slide>
        <swiper-slide>
            <img src="@/assets/images/qy4.jpg" width="100%">
        </swiper-slide>
        <!-- 轮播点 -->
        <div class="swiper-pagination" slot="pagination"></div>
         <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev" slot="button-prev"></div>
        <div class="swiper-button-next" slot="button-next"></div>
    </swiper>
    
</template>
<script>
export default {
   name: '',
   components: {
     
   },
   mixins: [],
   props: {
     
   },
   data() {
     return {
       swiperOptions: {//swiper配置信息
        //分页器
        pagination: {
            el: '.swiper-pagination'
        },
        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },
            //自动轮播
        loop: true,
        autoplay:{
            delay: 3000,
            stopOnLastSlide: false,
            disableOnInteraction: false,
        },
    
       }
     }
   },
   computed: {
     
   },
   watch: {
     
   },
   mounted() {
     
   },
   methods: {
     
   }
};
</script>
<style lang='' scoped>
</style>